@charset "utf-8";
/* Author Name : Tracy
	Data Created : 6 June 2024
	Exercises 3 (recipe book)
*/
body {
			background-color: cornsilk;
			font-family: "Josefin Sans", sans-serif;
			font-size: 1em;
		}
		
		h1, h2, h3, h4 {
			font-family: "Poetsen One", sans-serif;
  			font-weight: 400;
  			font-style: normal;
		}
		
		h1 {
			text-transform: uppercase;
			letter-spacing: 10px
		}
		
		table, tr, th, td{
			border-collapse: collapse;
			border: 2px solid
		}
		
		.title {
			background-color:bisque;
		}
		
		.thead {
			background-color:coral;
		}
		.bgdark {
			background-color: burlywood
		}
		.bglight {
			background-color: antiquewhite;
		}
		th {
			background-color :burlywood
		}
		
		input, textarea {
			padding: 10px;
			margin: 10px;
			width: 160px;
			background-color: azure;
			border: 1px solid #160E62;
		}
		/*Attribute Selector */

		input [type="text"], textarea[name="comment"] {
			border: 1px solid darkgray;
			background-color: ivory;
			padding: 5px;
			margin-bottom: 10px;
			width: 220px;
			display: block;
		}
		input[type="submit"] {
			background-color: blue;
			color: white;
			padding: 10px;
			border-radius : 20px;
			width: 120px;
		}


		input[type="reset"] {
			background-color: crimson;
			color: white;
			padding: 10px;
			border-radius : 20px;
			width: 120px;
		}

		a[href^="https://"] {
			color: crimson;
			text-decoration: none;
			font-weight: bold;
		}

		img[alt="img left"] {
			border: 2px solid gray;
			float: left;
			margin-right: 2%;
		}

		img[alt="img right"] {
			border: 2px solid gray;
			float:right;
			margin-left: 2%;
		}

		/* Pseudo-classes and Pseudo-elements */
		
		a:hover{
			color: chartreuse;
		}

		input[type="reset"]:hover {
			background-color:khaki;
			color: cornflowerblue;
			cursor:pointer;
		}

		input[type="submit"]:hover {
			background-color:lawngreen;
			color: cornflowerblue;
			cursor:pointer;
		}

		input:focus, textarea:focus {
			background: #EEF488;
		}

		p:first-letter {
			font-size: 1.5em;
		}